

*{
      padding: 0;
      margin: 0;
}
li{
      list-style: none;
}
body,html{
      width: 100%;
}
.header{
    width: 100%;
    height: 40px;
    background: #404040;
    .containerWidth {
      width: 1226px;
      margin: 0 auto;
      
      .inlineBlock {
            display: inline-block;
            vertical-align: middle;
        }
      .line{
            width: 1px;
            height: 16px;
            margin-top: 1px;
            background: linear-gradient(rgba(204,204,204,0.5), #606060);
      }
        a{
            display: inline-block;
            vertical-align: middle;
            font-size: 15px;
            line-height: 40px;
            color: #ccc;
            margin: 0 12px;
            text-decoration: none;
        }
      .leftbox{
            float: left;
           a{
                 &:hover{
                       color: #fff;
                 }
           }
      }
      .rightbox{
            float: right;
            .right-login2{
                  display: none;
            }
            a{
                  &:hover{
                        color: #fff;
                  }
            }
            .inside{
                  &:hover{
                        color: #fa356d;  
                  }
                  &:hover .insideBox{
                        display: block;
                        color: #666;
                  }
                  .insideBox {
                        display: none;
                        position: absolute;
                        right: 230px;
                        top: 40px;
                        width: 250px;
                        background: #fff;
                        box-shadow: 0px 4px 6px 4px rgb(210 210 210 / 50%);
                        z-index: 9;
                        .items{
                              margin-top: 10px;
                              .inlineBlock{
                                    margin-left: 10px;
                              }
                        }
                    }
            }
            .cart{
                  &:hover span{
                        color: #fa356d;
                  }
                  &:hover span span{
                        color: #fa356d;
                  }
            }
      }
  }
}

.topModule {
      position: relative;
      width: 100%;
      height: 100px;
      background: #fff;
      .containerWidth {
            height: 100%;
            line-height: 100px;
            font-size: 15px;
            white-space: nowrap;
            width: 1226px;
            margin: 0 auto;
            vertical-align: middle;
            .logobox{
                  float: left;
                  width: 235px;
                  margin-right: 40px;
                  margin-top: 20px;
            }
            .menu{
                  float: left;
                  width: 690px;
                  white-space: nowrap;
                  overflow: hidden;
                  a{
                        color: #555;
                        outline: none;
                        text-decoration: none;
                        margin-right: 30px;
                        height: 100px;
                        .inlineBlock{
                              height: 20px;
                              position: relative;
                              top: 5px;
                        }
                        &:hover{
                              color: #00B0FF;
                        }
                  }
            }
            .searchbox{
                  width: 242px;
                  vertical-align: top;
                  margin-top: 34px;
                  float: right;
              .search{
                  position: relative;
                  width: 100%;
                  height: 30px;
                  background: #e9e9e9;
                  border-radius: 15px;
                  .ipt{
                        width: 194px;
                        height: 100%;
                        padding: 0 10px 0 15px;
                        font-size: 14px;
                        line-height: 14px;
                        color: #555;
                        border: none;
                        position: absolute;
                        top: 0;
                        outline: none;
                        background-color: transparent;
                        border-radius: 15px 0 0 15px;
                        box-sizing: border-box;
                  }
                  .searchIcon{
                        position: absolute;
                        top: 0;
                        right: 0;
                        width: 48px;
                        height: 100%;
                        border-radius: 0 15px 15px 0;
                        background-image: url(https://static.asus.com.cn/static/store/images/newIndex/search.png);
                        background-size: 15px 18px;
                        background-repeat: no-repeat;
                        background-position: 15px 6px;
                        background-color: #ccc;
                        cursor: pointer;
                  }
              }
                
            }
        }
  }

  .footer{
      background-color: #fafafa;
      min-width: 1226px;
      .service {
            height: 100px;
            padding-top: 18px;
            border-bottom: 1px solid #ccc;
            text-align: center;
            .page{
                  min-width: 1226px;
                  max-width: 1338px;
                  width: 100%;
                  margin: 0 auto;
                  overflow: hidden;
                  li{
                        float: left;
                        width: 20%;
                        box-sizing: border-box;
                        height: 94px;
                        font-size: 14px;
                        cursor: pointer;
                        img{
                              display: block;
                              width: 50px;
                              height: 50px;
                              margin: 0 auto 10px;
                        }
                  }
            }
        }
        .helper{
            padding-top: 30px;
            padding-bottom: 60px;
            .page{
                  width: 1226px;
                  margin: 0 auto;
                  display: flex;
                  justify-content: space-between;
                  .item{
                        width: 184px;
                        dt{
                              font-size: 15px;
                              font-weight: 600;
                              margin-bottom: 5px; 
                              
                              line-height: 24px;  
                              a{
                                    outline: none;
                                    text-decoration: none;
                                    color: #2d2d2d;
                              }
                        }
                        dd{
                              line-height: 24px;
                              font-size: 14px;
                              color: #646464;
                              a{
                                    color: #555;
                                    outline: none;
                                    text-decoration: none;
                              }
                        }
                  }
                  .ewm{
                        width: 270px; 
                        text-align: center; 
                        margin-right: 0;
                        .ewm-title{
                              font-size: 30px;
                              font-weight: 600;
                              color: #333;
                        }
                        .ewm-subtitle{
                              font-size: 14px;
                              color: #333333;
                        }
                        .ewm-img{
                              width: 209px;
                              height: 209px;
                              border: none;
                        }
                        .ewm-but{
                              width: 150px;
                              height: 32px;
                              line-height: 32px;
                              background-color: #333333;
                              font-size: 14px;
                              color: #ffffff;
                              border-radius: 16px;
                              margin: 0 auto;
                        }
                  }
            }
        }
        .friend-link{
            background-color: #fafafa;
            .friend-word{
                  color: #333;
                  font-size: 14px;
                  width: 1226px;
                  margin: 0 auto;
                  padding-bottom: 20px; 
                  .show-link{
                        display: inline-block;
                        cursor: pointer;                 
                  }  
                  &:hover .friend-link-box{
                        display: block;
                  }
                  .friend-link-box{
                        width: 1226px;
                        margin: 0 auto;
                        margin-top: 30px;
                        display: none;
                        align-items: center;
                        flex-wrap: wrap;
                        padding-bottom: 10px; 
                        a{
                              color: #333;
                              font-size: 14px;
                              display: inline-block;
                              margin: 0 20px 4px 0;
                              cursor: pointer;
                              outline: none;
                              text-decoration: none;
                        }
                  }
            }
           
        }
        .footer-info{
              text-align: center;
              background-color: #fff;
              padding-top: 20px;
              a{
                  font-size: 14px;
                  color: #555;
                  outline: none;
                  text-decoration: none;
              }
              .mask{
                  position: fixed;
                  left: 0;
                  top: 0;
                  bottom: 0;
                  right: 0;
                  background-color: rgba(0,0,0,.3);
                  display: none;
                  z-index: 10001;
              }
              .theme{
                  line-height: 1.8;
                  margin-top: 10px;
                  .privacy{
                        margin:0 auto; 
                        padding:20px 0;
                        p{
                              display: inline-block; 
                              text-decoration: none; 
                              height: 20px; 
                              line-height: 20px;
                              margin: 0px 0px 0px 5px; 
                              color: rgb(147, 147, 147);
                              a{
                                    margin-right: 15px;
                              }
                              img{
                                    display:inline-block;
                                    text-decoration:none;
                                    height:20px;
                                    line-height:20px;
                              }
                        }
                  }
              }
        }
  }


  body{
        position: relative;
  }
  .fixed-field{
      display: none;
      position:fixed;
      top:400px;
      right:10px;
      width: 78px;
      border:1px solid #f2f2f2;
      background: #fff;
      transform: translateY(-55%);
      .group{
            display: block;
            padding: 1px 1px 0;
            height: 90px;
            border-bottom: 1px solid #F2F2F2;
            cursor: pointer;
            position: relative;
            dd{
                  font-size: 14px;
                  text-align: center;
            }
            .group_1{
                  dt{
                        width: 40px;
                        height: 40px;
                        margin: 10px auto 10px;
                        background: url(	https://static.asus.com.cn/static/store/images/f_icon_no1.png) no-repeat center;
                        &:hover{
                              background: url(	https://static.asus.com.cn/static/store/images/f_icon1.png) no-repeat center;
                        }
                  }
            }
            .group_2{
                  dt{
                        width: 40px;
                        height: 40px;
                        margin: 10px auto 10px;
                        background: url(	https://static.asus.com.cn/static/store/images/f_icon_no2.png) no-repeat center;
                        &:hover{
                              background: url(	https://static.asus.com.cn/static/store/images/f_icon2.png) no-repeat center;
                        }
                  }
            }
            .group_3{
                  dt{
                        width: 40px;
                        height: 40px;
                        margin: 10px auto 10px;
                        background: url(	https://static.asus.com.cn/static/store/images/f_icon_no3.png) no-repeat center;
                        &:hover{
                              background: url(	https://static.asus.com.cn/static/store/images/f_icon3.png) no-repeat center;
                        }
                  }
            }
            .group_4{
                  dt{
                        width: 40px;
                        height: 40px;
                        margin: 10px auto 10px;
                        background: url(	https://static.asus.com.cn/static/store/images/f_icon_no4.png) no-repeat center;
                        &:hover{
                              background: url(	https://static.asus.com.cn/static/store/images/f_icon4.png) no-repeat center;
                        }
                  }
            }
            .group_5{
                  dt{
                        width: 40px;
                        height: 40px;
                        margin: 10px auto 10px;
                        background: url(	https://static.asus.com.cn/static/store/images/f_icon_no5.png) no-repeat center;
                        &:hover{
                              background: url(	https://static.asus.com.cn/static/store/images/f_icon5.png) no-repeat center;
                        }
                  }
            }
            .group_6{
                  dt{
                        width: 40px;
                        height: 40px;
                        margin: 10px auto 10px;
                        background: url(	https://static.asus.com.cn/static/store/images/f_icon_no6.png) no-repeat center;
                        &:hover{
                              background: url(	https://static.asus.com.cn/static/store/images/f_icon6.png) no-repeat center;
                        }
                  }
            }
            .group_7{
                  dt{
                        width: 40px;
                        height: 40px;
                        margin: 10px auto 10px;
                        background: url(	https://static.asus.com.cn/static/store/images/f_icon_no7.png) no-repeat center;
                        &:hover{
                              background: url(	https://static.asus.com.cn/static/store/images/f_icon7.png) no-repeat center;
                        }
                  }
            }
      }
  }


.container1{
      cursor: pointer;
      width: 100%;
      height: 500px;
      margin: 0 auto;
      box-shadow: 0 0 5px #ddd;
      .swiper-slide{
            font-size: 100px;
            line-height: 286px;
            text-align: center;
      }
      .prev{
            background: rgba(50,77,68,.5);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            position: absolute;
            left: 50px;
            top: calc(50% - 25px);
            color: #fff;
            &:hover{
                  background: rgba(50,77,68,.8);   
            }
      }
      .next{
            background: rgba(50,77,68,.5);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            position: absolute;
            right: 50px;
            top: calc(50% - 25px);
            color: #fff;
            &:hover{
                  background: rgba(50,77,68,.8);   
            }
      }
}
.secondmenu{
      position: absolute;
    left: 50%;
    top: 20px;
    width: 1226px;
    height: 0;
    margin-left: -613px;
    z-index: 9;
    ul{
      position: relative;
      width: 236px;
      height: 390px;
      background: rgba(255,255,255,0.9);
      padding: 35px 0;
      li{
            margin-bottom: 30px;
            &:hover{
                  box-shadow: 0px 0px 8px 5px rgb(210 210 210 / 75%);
            }
            &:hover .children{
                  display: block;
            }
            a{
                  display: block;
                  width: 100%;
                  height: 40px;
                  line-height: 40px;
                  font-size: 0;
                  color: #222; 
                  outline: none;
                  text-decoration: none;
                  .img_1{
                        width: 35px;
                        height: 35px;
                        margin: 0 15px 0 10px;
                        float: left;
                        vertical-align: middle;
                  }
                  .img_2{
                        float: right;
                        margin-top: 5px;
                        vertical-align: middle;
                        width: 30px;
                        height: 30px;
                        margin-right: 10px;
                  }
                  span{
                        width: 136px;
                        font-size: 18px;
                        width: auto;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        word-wrap: normal;
                        float: left;
                        vertical-align: middle;
                  }
            } 
            .children{
                  display: none;
                  position: absolute;
                  left: 236px;
                  top: 0;
                  width: 530px;
                  height: 460px;
                  background: #fff;
                  padding: 10px 24px;
                  box-sizing: border-box;
                  overflow: auto;
                  z-index: 33;
                  .childItem{
                        padding: 10px 0;
                        font-size: 0;
                        overflow: hidden;
                        margin-bottom: 20px;
                        .child_a{
                              color: #555;
                              outline: none;
                              text-decoration: none;
                              display: inline-block;
                              width: 30%;
                              &:hover{
                                    color: red;
                              }
                              img{
                                    width: 40px;
                                    height: 30px;
                                    margin-right: 15px;
                                    vertical-align: middle;
                                    float: left;
                                    margin-top: 6px;
                              }
                              span{
                                    font-size: 15px;
                                    width: 90px;
                                    line-height: 40px;  
                                    width: auto;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    word-wrap: normal;
                                    float: left;
                                    vertical-align: middle;
                              }
                        }
                        .div_a{
                              vertical-align: top;
                              width: 100px;
                              margin-left: 24px;
                              overflow: hidden;
                              display: inline-block;
                              width: 50%;
                              
                              a{
                                    margin-right: 20px;
                                    font-size: 15px;
                                    line-height: 40px; 
                                    color: #555;
                                    outline: none;
                                    width: auto;
                                    text-decoration: none;
                                    display: inline-block;
                                    &:hover{
                                          color: red;
                                    }
                              }
                        }
                  }
            }
      }
    }
}

.moudle1{
      padding: 20px 0 30px;
      width: 100%;
      background: #fafafa;
      .part1{
            font-size: 0;
            background: #fff;
            color: #333;
            height: 130px;
            box-shadow: 0px 0px 10px 5px rgb(210 210 210 / 75%);
            width: 1226px;
            margin: 0 auto;
            .group1{
                  padding-left: 38px;
                  width: 270px;
                  border-right: 1px solid #f4f5f5;
                  vertical-align: top;
                  font-size: 15px;
                  height: 100%;
                  display: inline-block;
                  .title{
                        height: 40px;
                        font-weight: bold;
                        font-size: 16px;
                        line-height: 40px;
                        padding-top: 1px;
                        img{
                              vertical-align: top;
                              margin-top: 12px;
                              width: 15px;
                              height: 15px;
                              margin-left: 6px;
                        }
                  }
                  a{
                        display: block;
                        margin: 0 11px 10px 0;
                        height: 38px;
                        line-height: 19px;
                        color: #333;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        word-break: break-all;
                        text-decoration: none;
                  }
                  .tips{
                        height: 40px;
                        line-height: 40px;
                        border-top: 1px solid #f4f5f5;
                        span{
                              margin-right: 10px;
                              vertical-align: top;
                              font-size: 14px;
                              display: inline-block;
                              img{
                                    width: 15px;
                                    height: 15px;
                                    margin-right: 5px;
                                    display: inline-block;
                                    vertical-align: middle;
                                    border: none
                              }
                        }
                  }
            }
            .group2{
                  padding: 0 30px;
                  width: 520px;
                  height: 100%;
                  font-size: 0;
                  border-right: 1px solid #f4f5f5;
                  vertical-align: top;
                  display: inline-block;
                  a{
                        width: 84px;
                        margin: 22px 10px;
                        display: inline-block;
                        vertical-align: middle;
                        text-decoration: none;
                        img{
                              display: block;
                              width: 60px;
                              height: 60px;
                              border-radius: 50%;
                              margin: 0 auto 10px;
                        }
                        p{
                              text-align: center;
                              line-height: 1;
                              font-size: 16px;
                              color: #333;
                              width: auto;
                              overflow: hidden;
                              text-overflow: ellipsis;
                              white-space: nowrap;
                              word-wrap: normal;
                        }
                  }
            }
            .group3{
                  position: relative;
                  width: 318px;
                  vertical-align: top;
                  font-size: 15px;
                  height: 100%;
                  display: inline-block;
                  .noLoginbox{
                        text-align: center;
                        height: 100%;
                        overflow: hidden;
                        img{
                              width: 60px;
                              height: 60px;
                              border-radius: 50%;
                              border: none;
                              vertical-align: middle;
                              display: inline-block;
                              margin: 10px auto 20px;
                        }
                        a{
                              color: #555;
                              outline: none;
                              text-decoration: none;
                              font-size: 16px;
                              line-height: 20px;
                        }
                        span{
                              display: inline-block;
                              vertical-align: middle;
                              width: 1px;
                              height: 15px;
                              background: #f4f5f5;
                              margin: 0 25px;
                        }
                  }

            }
      }
      .part2{
            margin-top: 36px;
            height: 220px;
            width: 1226px;
            margin: 0 auto;
            .swip_2{
                  display: flex;
                  justify-content: space-between;
                  margin-top: 40px;
                  padding-bottom: 30px;
                  img{
                        width: 300px;
                  }
            }
      }
}

.moudle2{
      padding: 30px 0;
      width: 100%;
      overflow: hidden;
      background-color: #F2F2F2;
      // text-align: center;
      .part1{
            margin-top: 10px;
            width: 1226px;
            margin: 0 auto;
            .topic{
                  position: relative;
                  font-size: 20px;
                  line-height: 54px;
                  color: #222;
                  padding-left: 32px;
                  &::before{
                        content: "";
                        display: block;
                        position: absolute;
                        left: 0;
                        top: calc(50% - 10px);
                        height: 20px;
                        width: 5px;
                        background: #00B0FF;
                  }
                  a{
                        font-size: 15px;
                        margin-right: 22px;
                        float: right;
                        color: #555;
                        outline: none;
                        text-decoration: none;
                  }
            }
            .list{
                  img{
                        display: block;
                        width: 100%;
                        height: 100%;
                  }
                  a{
                        text-decoration: none;
                  }
                  p{
                        padding: 0 15px;
                        line-height: 1;
                        color: #999;
                        text-align: center;
                  }
                  .clearfix{
                        width: 243px;
                        height: 600px;
                        float: left;
                        color: #555;
                        outline: none;
                        text-decoration: none;
                        
                  }
                  .rightbox{
                        width: 980px;
                        height: 600px;
                        padding-left: 3px;
                        float: left;
                        overflow: hidden;
                        .citem{
                              width: 233px;
                              height: 290px;
                              margin-left: 12px;
                              margin-bottom: 20px;
                              background: #fff;
                              float: left;
                              &:hover{
                                    box-shadow: 0px 0px 20px 9px rgb(210 210 210 / 75%);
                              }
                              .imgsBox{
                                    position: relative;
                                    width: 204px;
                                    height: 204px;
                                    margin: 0 auto;

                              }
                              .goodsName{
                                    margin-top: 5px;
                                    margin-bottom: 8px;
                                    font-size: 20px;
                                    color: #222;
                                    width: auto;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    word-wrap: normal;
                              }
                              .txt{
                                    
                                    width: auto;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    word-wrap: normal;
                              }
                              .goodsPrice{
                                    margin-top: 6px;
                                    font-size: 20px;
                                    span{
                                          display: inline-block;
                                          vertical-align: middle;
                                          color: #fe3350;
                                    }
                                    .oldprice{
                                          margin-left: 5px;
                                          color: #999;
                                          font-size: 15px;
                                          line-height: 18px;
                                          text-decoration: line-through;
                                    }
                                    
                              }
                        }
                  }
            }
            .adsImg{
                  display: inline-block;
                  height: 120px;
                  padding-top: 30px;
                  width: 1226px;
                  margin: 0 auto;
                  color: #555;
                  outline: none;
                  text-decoration: none;
                  img{
                        display: block;
                        width: 100%;
                        height: 100%;
                  }
            }
      }
      .part2{
            margin-top: 10px;
            width: 1226px;
            margin: 0 auto;
            .topic{
                  position: relative;
                  font-size: 20px;
                  line-height: 54px;
                  color: #222;
                  padding-left: 32px;
                  &::before{
                        content: "";
                        display: block;
                        position: absolute;
                        left: 0;
                        top: calc(50% - 10px);
                        height: 20px;
                        width: 5px;
                        background: #00B0FF;
                  }
                  a{
                        font-size: 15px;
                        margin-right: 22px;
                        float: right;
                        color: #555;
                        outline: none;
                        text-decoration: none;
                  }
            }
            .list{
                  overflow: hidden;
                  img{
                        display: block;
                        width: 100%;
                        height: 100%;
                  }
                  a{
                        text-decoration: none;
                  }
                  p{
                        padding: 0 15px;
                        line-height: 1;
                        color: #999;
                        text-align: center;
                  }
                  .clearfix{
                        width: 243px;
                        height: 600px;
                        float: left;
                        color: #555;
                        outline: none;
                        text-decoration: none;
                        
                  }
                  .rightbox{
                        width: 980px;
                        height: 600px;
                        padding-left: 3px;
                        float: left;
                        .citem{
                              width: 233px;
                              height: 290px;
                              margin-left: 12px;
                              margin-bottom: 20px;
                              background: #fff;
                              float: left;
                              &:hover{
                                    box-shadow: 0px 0px 20px 9px rgb(210 210 210 / 75%);
                              }
                              .imgsBox{
                                    position: relative;
                                    width: 204px;
                                    height: 204px;
                                    margin: 0 auto;

                              }
                              .goodsName{
                                    margin-top: 5px;
                                    margin-bottom: 8px;
                                    font-size: 20px;
                                    color: #222;
                                    width: auto;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    word-wrap: normal;
                              }
                              .txt{
                                    
                                    width: auto;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    word-wrap: normal;
                              }
                              .goodsPrice{
                                    margin-top: 6px;
                                    font-size: 20px;
                                    span{
                                          display: inline-block;
                                          vertical-align: middle;
                                          color: #fe3350;
                                    }
                                    .oldprice{
                                          margin-left: 5px;
                                          color: #999;
                                          font-size: 15px;
                                          line-height: 18px;
                                          text-decoration: line-through;
                                    }
                                    
                              }
                        }
                  }
            }
      }
      .part3{
            margin-top: 10px;
            width: 1226px;
            margin: 0 auto;
            .topic{
                  position: relative;
                  font-size: 20px;
                  line-height: 54px;
                  color: #222;
                  padding-left: 32px;
                  &::before{
                        content: "";
                        display: block;
                        position: absolute;
                        left: 0;
                        top: calc(50% - 10px);
                        height: 20px;
                        width: 5px;
                        background: #00B0FF;
                  }
                  a{
                        font-size: 15px;
                        margin-right: 22px;
                        float: right;
                        color: #555;
                        outline: none;
                        text-decoration: none;
                  }
            }
            .list{
                  overflow: hidden;
                  img{
                        display: block;
                        width: 100%;
                        height: 100%;
                  }
                  a{
                        text-decoration: none;
                  }
                  p{
                        padding: 0 15px;
                        line-height: 1;
                        color: #999;
                        text-align: center;
                  }
                  .clearfix{
                        width: 243px;
                        height: 600px;
                        float: left;
                        color: #555;
                        outline: none;
                        text-decoration: none;
                        
                  }
                  .rightbox{
                        width: 980px;
                        height: 600px;
                        padding-left: 3px;
                        float: left;
                        .citem{
                              width: 233px;
                              height: 290px;
                              margin-left: 12px;
                              margin-bottom: 20px;
                              background: #fff;
                              float: left;
                              &:hover{
                                    box-shadow: 0px 0px 20px 9px rgb(210 210 210 / 75%);
                              }
                              .imgsBox{
                                    position: relative;
                                    width: 204px;
                                    height: 204px;
                                    margin: 0 auto;

                              }
                              .goodsName{
                                    margin-top: 5px;
                                    margin-bottom: 8px;
                                    font-size: 20px;
                                    color: #222;
                                    width: auto;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    word-wrap: normal;
                              }
                              .txt{
                                    
                                    width: auto;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    word-wrap: normal;
                              }
                              .goodsPrice{
                                    margin-top: 6px;
                                    font-size: 20px;
                                    span{
                                          display: inline-block;
                                          vertical-align: middle;
                                          color: #fe3350;
                                    }
                                    .oldprice{
                                          margin-left: 5px;
                                          color: #999;
                                          font-size: 15px;
                                          line-height: 18px;
                                          text-decoration: line-through;
                                    }
                                    
                              }
                        }
                  }
            }
      }
      .part4{
            margin-top: 10px;
            width: 1226px;
            margin: 0 auto;
            .topic{
                  position: relative;
                  font-size: 20px;
                  line-height: 54px;
                  color: #222;
                  padding-left: 32px;
                  &::before{
                        content: "";
                        display: block;
                        position: absolute;
                        left: 0;
                        top: calc(50% - 10px);
                        height: 20px;
                        width: 5px;
                        background: #00B0FF;
                  }
                  a{
                        font-size: 15px;
                        margin-right: 22px;
                        float: right;
                        color: #555;
                        outline: none;
                        text-decoration: none;
                  }
            }
            .list{
                  overflow: hidden;
                  img{
                        display: block;
                        width: 100%;
                        height: 100%;
                  }
                  a{
                        text-decoration: none;
                  }
                  p{
                        padding: 0 15px;
                        line-height: 1;
                        color: #999;
                        text-align: center;
                  }
                  .clearfix{
                        width: 243px;
                        height: 600px;
                        float: left;
                        color: #555;
                        outline: none;
                        text-decoration: none;
                        
                  }
                  .rightbox{
                        width: 980px;
                        height: 600px;
                        padding-left: 3px;
                        float: left;
                        .citem{
                              width: 233px;
                              height: 290px;
                              margin-left: 12px;
                              margin-bottom: 20px;
                              background: #fff;
                              float: left;
                              &:hover{
                                    box-shadow: 0px 0px 20px 9px rgb(210 210 210 / 75%);
                              }
                              .imgsBox{
                                    position: relative;
                                    width: 204px;
                                    height: 204px;
                                    margin: 0 auto;

                              }
                              .goodsName{
                                    margin-top: 5px;
                                    margin-bottom: 8px;
                                    font-size: 20px;
                                    color: #222;
                                    width: auto;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    word-wrap: normal;
                              }
                              .txt{
                                    
                                    width: auto;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    word-wrap: normal;
                              }
                              .goodsPrice{
                                    margin-top: 6px;
                                    font-size: 20px;
                                    span{
                                          display: inline-block;
                                          vertical-align: middle;
                                          color: #fe3350;
                                    }
                                    .oldprice{
                                          margin-left: 5px;
                                          color: #999;
                                          font-size: 15px;
                                          line-height: 18px;
                                          text-decoration: line-through;
                                    }
                                    
                              }
                        }
                  }
            }
      }
      .part5{
            margin-top: 10px;
            width: 1226px;
            margin: 0 auto;
            .topic{
                  position: relative;
                  font-size: 20px;
                  line-height: 54px;
                  color: #222;
                  padding-left: 32px;
                  &::before{
                        content: "";
                        display: block;
                        position: absolute;
                        left: 0;
                        top: calc(50% - 10px);
                        height: 20px;
                        width: 5px;
                        background: #00B0FF;
                  }
                  a{
                        font-size: 15px;
                        margin-right: 22px;
                        float: right;
                        color: #555;
                        outline: none;
                        text-decoration: none;
                  }
            }
            .list{
                  overflow: hidden;
                  img{
                        display: block;
                        width: 100%;
                        height: 100%;
                  }
                  a{
                        text-decoration: none;
                  }
                  p{
                        padding: 0 15px;
                        line-height: 1;
                        color: #999;
                        text-align: center;
                  }
                  .clearfix{
                        width: 243px;
                        height: 600px;
                        float: left;
                        color: #555;
                        outline: none;
                        text-decoration: none;
                        
                  }
                  .rightbox{
                        width: 980px;
                        height: 600px;
                        padding-left: 3px;
                        float: left;
                        .citem{
                              width: 233px;
                              height: 290px;
                              margin-left: 12px;
                              margin-bottom: 20px;
                              background: #fff;
                              float: left;
                              &:hover{
                                    box-shadow: 0px 0px 20px 9px rgb(210 210 210 / 75%);
                              }
                              .imgsBox{
                                    position: relative;
                                    width: 204px;
                                    height: 204px;
                                    margin: 0 auto;

                              }
                              .goodsName{
                                    margin-top: 5px;
                                    margin-bottom: 8px;
                                    font-size: 20px;
                                    color: #222;
                                    width: auto;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    word-wrap: normal;
                              }
                              .txt{
                                    
                                    width: auto;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    word-wrap: normal;
                              }
                              .goodsPrice{
                                    margin-top: 6px;
                                    font-size: 20px;
                                    span{
                                          display: inline-block;
                                          vertical-align: middle;
                                          color: #fe3350;
                                    }
                                    .oldprice{
                                          margin-left: 5px;
                                          color: #999;
                                          font-size: 15px;
                                          line-height: 18px;
                                          text-decoration: line-through;
                                    }
                                    
                              }
                        }
                  }
            }
      }
      .part6{
            margin-top: 10px;
            width: 1226px;
            margin: 0 auto;
            .topic{
                  position: relative;
                  font-size: 20px;
                  line-height: 54px;
                  color: #222;
                  padding-left: 32px;
                  &::before{
                        content: "";
                        display: block;
                        position: absolute;
                        left: 0;
                        top: calc(50% - 10px);
                        height: 20px;
                        width: 5px;
                        background: #00B0FF;
                  }
                  a{
                        font-size: 15px;
                        margin-right: 22px;
                        float: right;
                        color: #555;
                        outline: none;
                        text-decoration: none;
                  }
            }
            .list{
                  overflow: hidden;
                  img{
                        display: block;
                        width: 100%;
                        height: 100%;
                  }
                  a{
                        text-decoration: none;
                  }
                  p{
                        padding: 0 15px;
                        line-height: 1;
                        color: #999;
                        text-align: center;
                  }
                  .clearfix{
                        width: 243px;
                        height: 600px;
                        float: left;
                        color: #555;
                        outline: none;
                        text-decoration: none;
                        
                  }
                  .rightbox{
                        width: 980px;
                        height: 600px;
                        padding-left: 3px;
                        float: left;
                        .citem{
                              width: 233px;
                              height: 290px;
                              margin-left: 12px;
                              margin-bottom: 20px;
                              background: #fff;
                              float: left;
                              &:hover{
                                    box-shadow: 0px 0px 20px 9px rgb(210 210 210 / 75%);
                              }
                              .imgsBox{
                                    position: relative;
                                    width: 204px;
                                    height: 204px;
                                    margin: 0 auto;

                              }
                              .goodsName{
                                    margin-top: 5px;
                                    margin-bottom: 8px;
                                    font-size: 20px;
                                    color: #222;
                                    width: auto;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    word-wrap: normal;
                              }
                              .txt{
                                    
                                    width: auto;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    word-wrap: normal;
                              }
                              .goodsPrice{
                                    margin-top: 6px;
                                    font-size: 20px;
                                    span{
                                          display: inline-block;
                                          vertical-align: middle;
                                          color: #fe3350;
                                    }
                                    .oldprice{
                                          margin-left: 5px;
                                          color: #999;
                                          font-size: 15px;
                                          line-height: 18px;
                                          text-decoration: line-through;
                                    }
                                    
                              }
                        }
                  }
            }
      }
}


.moudle3{
      padding: 10px 0 30px;
      width: 100%;
      overflow: hidden;
      background-color: #F2F2F2;
      .tabs{
            background: #fff;
            padding: 14px 1px;
            font-size: 0;
            box-sizing: border-box;
            width: 1226px;
            margin: 0 auto;
            margin-bottom: 20px;
            .tabsItem{
                  width: 204px;
                  height: 32px;
                  padding: 0 10px;
                  text-align: center;
                  border-right: 1px solid #ccc;
                  box-sizing: border-box;
                  display: inline-block;
                  vertical-align: middle;
                  .guessfirst{
                        color: #fff;
                        background: #00a8ff;
                        border-radius: 18px;
                  }
                  span{
                        font-size: 20px;
                        color: #222;
                        line-height: 32px;
                        padding: 0 15px;
                        cursor: pointer;
                        display: inline-block;
                        vertical-align: middle;
                  }
            }
            .guesslast{
                  border-right: none;
            }

      }
      .tabsList{
            margin-top: 10px;
            width: 1226px;
            margin: 0 auto;
            overflow: hidden;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            img{
                  display: block;
                  width: 100%;
                  height: 100%;
            }
            a{
                  text-decoration: none;
            }
            p{
                  padding: 0 15px;
                  line-height: 1;
                  color: #999;
                  text-align: center;
            }
            .citem{
                  width: 233px;
                  height: 290px;
                  margin-bottom: 20px;
                  background: #fff;
                  float: left;
                  &:hover{
                        box-shadow: 0px 0px 20px 9px rgb(210 210 210 / 75%);
                  }
                  .imgsBox{
                        position: relative;
                        width: 204px;
                        height: 204px;
                        margin: 0 auto;
                  }
                  .goodsName{
                        margin-top: 5px;
                        margin-bottom: 8px;
                        font-size: 20px;
                        color: #222;
                        width: auto;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        word-wrap: normal;
                  }
                  .txt{                       
                        width: auto;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        word-wrap: normal;
                  }
                  .goodsPrice{
                        margin-top: 6px;
                        font-size: 20px;
                        span{
                              display: inline-block;
                              vertical-align: middle;
                              color: #fe3350;
                        }
                        .oldprice{
                              margin-left: 5px;
                              color: #999;
                              font-size: 15px;
                              line-height: 18px;
                              text-decoration: line-through;
                        }
                        
                  }
            }
      }
}

.moudle4{
      background-color: #F2F2F2;
      overflow: hidden;
      a{
            color: #555;
            outline: none;
            text-decoration: none;
      }
      .part1{
            padding-bottom: 30px;
            width: 1226px;
            margin: 0 auto;
            overflow: hidden;
            
            .topic{
                  position: relative;
                  font-size: 20px;
                  line-height: 54px;
                  color: #222;
                  padding-left: 32px;
                  &::before{
                        content: "";
                        display: block;
                        position: absolute;
                        left: 0;
                        top: calc(50% - 10px);
                        height: 20px;
                        width: 5px;
                  }
                  a{
                        font-size: 15px;
                        margin-right: 22px;
                        float: right;
                  }
            }
            .list{
                  box-sizing: border-box;
                  padding: 5px;
                  width: 1226px;
                  margin: 0 auto;
                  overflow: hidden;
                  display: flex;
                  justify-content: space-between;
                  &:nth-of-type(1){
                        padding-left: 5px;
                  }
                  .aitems{
                        width: 280px;
                        height: 420px;
                        background: #fff;
                        text-align: center;
                        float: left;
                        &:hover{
                              box-shadow: 0px 0px 20px 9px rgb(210 210 210 / 75%);
                        }
                        &:nth-of-type(1){
                              color: #00B0FF;
                        }
                        &:nth-of-type(2){
                              color: #D25FFF;
                        }
                        &:nth-of-type(3){
                              color: #FFAE52;
                        }
                        &:nth-of-type(4){
                              color: #FF4200;
                        }
                        .topics{
                              font-size: 16px;
                              padding: 45px 10px 0;
                              margin-bottom: 18px;
                              width: auto;
                              overflow: hidden;
                              text-overflow: ellipsis;
                              white-space: nowrap;
                              word-wrap: normal;
                        }
                        .txt{
                              font-size: 16px;
                              line-height: 24px;
                              height: 48px;
                              color: #222;
                              padding: 0 20px;
                              margin-bottom: 10px;
                              overflow: hidden;
                              text-overflow: ellipsis;
                              display: -webkit-box;
                              -webkit-box-orient: vertical;
                              -webkit-line-clamp: 2;
                              word-break: break-all;
                        }
                        .articleImg {
                              position: relative;
                              width: 200px;
                              height: 146px;
                              margin: 0 auto;
                              img{
                                    display: block;
                                    width: 100%;
                                    height: 100%;
                                    border: none;
                              }
                          }
                  }

            }
      }
      .part2{
            padding-bottom: 30px;
            width: 1246px;
            margin: 0 auto;
            .topic{
                  position: relative;
                  font-size: 20px;
                  line-height: 54px;
                  color: #222;
                  padding-left: 32px;
                  &::before{
                        content: "";
                        display: block;
                        position: absolute;
                        left: 0;
                        top: calc(50% - 10px);
                        height: 20px;
                        width: 5px;
                        background: #00B0FF;
                  }
                  a{
                        font-size: 15px;
                        margin-right: 22px;
                        float: right;
                  }
            }
            .list{
                  width: 1226px;
                  margin: 0 auto;
                  overflow: hidden;
                  display: flex;
                  justify-content: space-between;
                  padding-top: 20px;
                  // &:nth-of-type(1) span{
                  //       background-image: url(https://static.asus.com.cn/static/store/images/newIndex/bofang.png);
                  // }
                  .vitems{
                        height: 240px;
                        text-align: center;
                        width: 296px;
                        margin-right: 14px;
                        background: #fff;
                       
                        &:hover{
                              box-shadow: 0px 0px 20px 9px rgb(210 210 210 / 75%);
                        }
                        &:hover .imgs span{
                              background-image: url(https://static.asus.com.cn/static/store/images/newIndex/bofang.png);
                        } 
                        
                        .imgs{
                              position: relative;
                              width: 100%;
                              height: 145px;
                              img{
                                    display: block;
                                    width: 100%;
                                    height: 100%;
                              }
                              // .spanImg{
                              //       background-image: url(https://static.asus.com.cn/static/store/images/newIndex/bofang.png);
                              // }
                              span{
                                    width: 55px;
                                    height: 55px;
                                    position: absolute;
                                    left: 50%;
                                    top: 50%;
                                    transform: translate(-50%,-50%);
                                    background-image: url(https://static.asus.com.cn/static/store/images/newIndex/nobofang.png);
                                    background-size: 55px 55px;
                                    background-repeat: no-repeat;
                              }
                        }
                        .name{
                              color: #222;
                              font-size: 15px;
                              height: 36px;
                              line-height: 18px;
                              margin: 15px 10px 10px;
                              overflow: hidden;
                              text-overflow: ellipsis;
                              -webkit-box-orient: vertical;
                              -webkit-line-clamp: 2;
                              word-break: break-all;
                        }
                        .desc{
                              color: #999;
                              font-size: 14px;
                              margin: 0 10px;
                              width: auto;
                              overflow: hidden;
                              text-overflow: ellipsis;
                              white-space: nowrap;
                              word-wrap: normal;
                        }
                  }
            }
      }
}


.star{
      padding-bottom: 20px;
      min-width: 100%;
      .stairs{
            position: fixed;
            top: 60px;
            left: 0;
            width: 1226px;
            margin: 0 auto;   
            ul{
                  position: absolute;
                  left: 10px;
                  width: 120px;
                  top: 100px;
                  z-index: 999;
                  li{
                        background-color: #fff;
                        text-align: center;
                        cursor: pointer;
                        position: relative;
                        display: block;
                        height: 30px;
                        line-height: 30px;
                        padding-left: 8px;
                        color: #666;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        word-wrap: normal;
                        &:hover{
                              color: skyblue;
                        }
                  }
            }
      }
}


